<form class="form-horizontal" #valForm="ngForm">
	<div *ngIf="data">
		<input type="hidden" name="data.modifyTag" [(ngModel)]="data.modifyTag" />
		<input type="hidden" name="data.effFlag" [(ngModel)]="data.effFlag" />
		<div class="panel panel-default">
			<div class="panel-body">
				<div class="panel-heading">{{('crm.component.node.swan.heading' | translate) || '节点信息'}}</div>
				<div class="form-group">
					<label for="data.nodeType" class="col-lg-2 control-label">{{('crm.component.node.nodeType' | translate) || '节点类型：'}}</label>
					<div class="col-lg-3">
						<ng-select [orphan]="true" [required]="true" [items]="select.nodeType" [(ngModel)]="data.nodeType" name="data.nodeType" #nodeTypeSelect
							[disabled]="data.isDisabled || data.discntType === '1'" (selected)="nodeTypeSelected($event)" 
							placeholder="{{('crm.component.node.nodeTypePlaceholder' | translate) || '--请选择节点类型--'}}">
						</ng-select>
					</div>
					<div>
						<label for="data.nodeSubType" class="col-lg-2 control-label">{{('crm.component.node.nodeSubType' | translate) || '接入类型：'}}</label>
						<div class="col-lg-3">
							<ng-select [required]="true" [items]="select.nodeSubType" [(ngModel)]="data.nodeSubType" name="data.nodeSubType" #nodeSubTypeSelect
								[orphan]="true" [disabled]="data.isDisabled" (selected)="nodeSubTypeSelected($event)" 
								placeholder="{{('crm.component.node.nodeSubTypePlaceholder' | translate) || '--请选择接入类型--'}}">
							</ng-select>
						</div>
					</div>				
				</div>
				<div class="form-group">
					<label for="data.nodeName" class="col-lg-2 control-label">{{('crm.component.node.nodeName' | translate) || '节点名称：'}}</label>
					<div class="col-lg-3">
						<input class="form-control" type="text" [(ngModel)]="data.nodeName" #nodeName="ngModel" name="data.nodeName" required
							[disabled]="data.isDisabled" placeholder="{{('crm.component.node.nodeNamePlaceholder' | translate) || '请输入节点名称！'}}" />
					</div>
					<label for="data.standard" class="col-lg-2 control-label">{{('crm.component.node.standard' | translate) || '标准费用(元)：'}}</label>
					<div class="col-lg-3">
						<input class="form-control" type="text" [(ngModel)]="data.standard" #equipUsesAddress="ngModel"
							name="data.standard" [disabled]="true" />
					</div>					
				</div>										
				<ncloud-nodecell-sdwan name="data" required *ngIf="data.nodeType === '1'" (calculated)="calculateFee($event)" [(ngModel)]="data"></ncloud-nodecell-sdwan>
				<ncloud-nodecell-cloud name="data" required *ngIf="data.nodeType === '0'" (calculated)="calculateFee($event)" [(ngModel)]="data"></ncloud-nodecell-cloud>
				<ncloud-nodecell-state name="data.name"  *ngIf="data.name !== undefined" [(ngModel)]="data"></ncloud-nodecell-state>
			</div>
		</div>
	</div>
</form>
